﻿@using FTBS.Models.Entities
@using FTBS.Models.Entities.Concert

@{
    ViewBag.Title = "Cập nhật giá vé";
    Layout = "~/Views/Shared/_AdminLayout.cshtml";
    PriceTicketConcertEntity ptce = (PriceTicketConcertEntity)ViewBag.PriceTicket;
}

<legend style="margin-top: 10px">CẬP NHẬT GIÁ VÉ</legend>
<table class="table striped bordered hovered">
    <tr>
        <th style="text-align: left">Rạp chiếu
        </th>
        <th colspan="2">
            @ptce.TheaterName
            <input id="TheaterId" name="TheaterId" type="hidden" value="@ptce.TheaterId"/>
        </th>
    </tr>
    <tr>
        <th rowspan="2" style="text-align: left">Loại ghế @ptce.ChairTypeName1 (VNĐ)</th>
        <td>Mua vào</td>
        <td>
            <input type="text" onkeypress="return isNumberKey(event)" style="width: 160px" id="@ptce.ChairTypeId1" name="@ptce.ChairTypeId1" value="@ptce.Price1" maxlength="10"/>
        </td>
    </tr>
    <tr>
        <td>Bán ra</td>
        <td>
            <input type="text" onkeypress="return isNumberKey(event)" style="width: 160px" id="@(ptce.ChairTypeId1 + 3)" name="@ptce.ChairTypeId1" value="@ptce.SalePrice1" maxlength="10"/>
        </td>
    </tr>
    <tr>
        <th rowspan="2" style="text-align: left">Loại ghế @ptce.ChairTypeName2 (VNĐ)</th>
        <td>Mua vào</td>
        <td>
            <input type="text" onkeypress="return isNumberKey(event)" style="width: 160px" id="@ptce.ChairTypeId2" name="@ptce.ChairTypeId2" value="@ptce.Price2" maxlength="10"/>
        </td>
    </tr>
    <tr>
        <td>Bán ra</td>
        <td>
            <input type="text" onkeypress="return isNumberKey(event)" style="width: 160px" id="@(ptce.ChairTypeId2 + 3)" name="@ptce.ChairTypeId1" value="@ptce.SalePrice2" maxlength="10"/>
        </td>
    </tr>
    <tr>
        <th rowspan="2" style="text-align: left">Loại ghế @ptce.ChairTypeName3 (VNĐ)</th>
        <td>Mua vào</td>
        <td>
            <input type="text" onkeypress="return isNumberKey(event)" style="width: 160px" id="@ptce.ChairTypeId3" name="@ptce.ChairTypeId3" value="@ptce.Price3" maxlength="10"/>
        </td>
    </tr>
    <tr>
        <td>Bán ra</td>
        <td>
            <input type="text" onkeypress="return isNumberKey(event)" style="width: 160px" id="@(ptce.ChairTypeId3 + 3)" name="@ptce.ChairTypeId1" value="@ptce.SalePrice3" maxlength="10"/>
        </td>
    </tr>
    <tr>
        <td colspan="3">
            <div>Lưu ý: Thao tác này có thể mất một vài phút để hoàn tất nếu số lượng vé quá lớn!!!</div>
        </td>
    </tr>

    <tr>
        <td colspan="3">
            <div>
                <input type="submit" class="button info" onclick="save()" value="Lưu" style="text-align: center; width: 77px"/>
                <button class="button danger" style="float: right">
                    @Html.ActionLink("Quay Lại", "Index")
                </button>
            </div>
        </td>
    </tr>
    
</table>

<div id="wrapper">
    <div style="display: none;" id="overlay"></div>
    <div style="display: none;" id="popup">
        <img src="~/Image/Icon/loading.gif" />
        <div style="font-weight: bold">Đang xử lý thao tác ...</div>
    </div>
</div>

<script type="text/javascript">
    function isNumberKey(evt) {
        var charCode = (evt.which) ? evt.which : event.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57))
            return false;

        return true;
    }

    function save() {
        var theaterId = $("#TheaterId").val();
        var price1 = $("#1").val();
        var price2 = $("#2").val();
        var price3 = $("#3").val();
        var salePrice1 = $("#4").val();
        var salePrice2 = $("#5").val();
        var salePrice3 = $("#6").val();
        if ((price1 == "") || (price2 == "") || (price3 == "") || (salePrice1 == "") || (salePrice2 == "") || (salePrice3 == "")) {
            alert('Giá vé mua vào và bán ra của mỗi loại ghế không thể để trống và thấp nhất là 1.000 VNĐ!');
        }
        else {
            try {
                var p1 = parseFloat(price1);
                var p2 = parseFloat(price2);
                var p3 = parseFloat(price3);
                var sp1 = parseFloat(salePrice1);
                var sp2 = parseFloat(salePrice2);
                var sp3 = parseFloat(salePrice3);
                if (p1 < 1000 || p2 < 1000 || p3 < 1000) {
                    alert('Giá vé mua vào của mỗi loại ghế phải là số và thấp nhất là 1.000 VNĐ!');
                } else if (sp1 < 1000 || sp2 < 1000 || sp3 < 1000) {
                    alert('Giá vé bán ra của mỗi loại ghế phải là số và thấp nhất là 1.000 VNĐ!');
                }
                else {
                    //preventDefault();
                    jQuery("#overlay").css('display', 'block'); // displaying the overlay
                    jQuery("#popup").css('display', 'block'); // displaying the popup
                    $.ajax({
                        url: '/PriceTicket/SubmitEdit',
                        type: 'POST',
                        data: { theaterId: theaterId, p1: p1, p2: p2, p3: p3, sp1: sp1, sp2: sp2, sp3: sp3 },
                        success: function (response) {
                            if (response == "SessionTimeOut") {
                                window.location.href = "/Home/Announcement";
                            } else if (response == "editSuccessful") {
                                window.location.href = "/PriceTicket/Index";
                            } else if (response == "false") {
                                alert("Thay đổi giá vé của rạp này đã thất bại!!! Hãy thử lại!!!");
                            }
                        }
                    });
                }
            } catch (e) {
                alert("Giá vé của mỗi loại ghế phải là số và thấp nhất là 1.000 VNĐ!");
            }

        }
    }
</script>

<style>
    body {
        padding: 0;
        margin: 0;
        font-family: arial;
    }

    #wrapper {
        width: 600px;
        margin: 10px auto;
        text-align: center;
    }

    #overlay {
        background: #000000;
        opacity: 0.5;
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 10000;
    }

    #popup {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 20px solid #DDDDDD;
        left: 37.5%;
        padding: 50px;
        position: fixed;
        text-align: center;
        top: 28%;
        width: 280px;
        z-index: 20000;
        -moz-border-radius: 30px 0;
    }
</style>
